$(function () {
    initiRight();
});

/**
 * 加载右侧侧边栏信息
 */
function initiRight() {
    //调用后台
    $.ajax({
        type: 'POST',
        url: '/blog/queryRightInfo',
        dataType: 'json',
        contentType: 'application/json; charset=UTF-8',// 解决415错误
        success: function (res) {
            if('200' == res.code) {
                initRank(res.data.rankBeanList); //排行榜信息
                initTag(res.data.tagList); //标签墙信息
            }
        },
        error: function() {
            layer.alert()
        }
    });

}




//初始化标签墙信息
function initTag(tagData) {
    var html = '';
    html += '<div class="cloud">';
    html += '<h2 class="cloud-title">标签墙</h2>';
    html += '<ul>';
    $.each(tagData,function (k,v) {
        html += '<a  href="index.html?tagId='+v.tagId+'" title="'+v.tagName+'">'+v.tagName+'('+v.tagCnt+')</a>';
    })
    html += '</ul>';
    html += '</div>';
    //加载标签墙信息
    $('.blog-main-right').append(html);
}

//初始化热文信息
function initRank(rankData) {
    var html = '';
    html += '<div class="blog-module shadow">';
    html += '<div class="blog-module-title">最热阅读</div>';
    html += '<ul class="fa-ul blog-module-ul">';
    $.each(rankData,function (k,v) {
        html += '<li><i class="fa-li fa fa-hand-o-right"></i><a href="detail.html?id='+v.id+'">'+v.title+'</a></li>';
    });
    html += '</ul>';
    html += '</div>';
    //加载热文信息
    $('.blog-main-right').append(html);
}